<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>PerSel | Mensajes</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	
	<!-- Stylesheets -->
	<link rel="stylesheet" href="css/reset.css" />
	<link rel="stylesheet" href="css/styles.css" />
	<!-- Scripts -->
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
	<!--[if IE 6]>
	<script src="js/DD_belatedPNG_0.0.8a-min.js"></script>
	<script>
	  /* EXAMPLE */
	  DD_belatedPNG.fix('.button');
	  
	  /* string argument can be any CSS selector */
	  /* .png_bg example is unnecessary */
	  /* change it to what suits you! */
	</script>
	<![endif]-->
</head>

<body>

	<div id="wrapper" class="container_12 clearfix">		
		
		<!-- Text Logo -->
		<h1 id="logo" class="grid_4"><a href="index.jsp">PelSer</a></h1>
		<form action="POST" name="search">
        <div>
        <!-- Navigation Menu -->
        <ul id="navigation" class="grid_8">
            <li><a href="films.jsp"><span class="meta">Tus Películas y Series</span><br />Mis Vídeos</a></li>
            <li><a href="messages.html" class="current"><span class="meta">Tus mensajes</span><br />Mensajes</a></li>
            <li><a href="friends.jsp"><span class="meta">Tus Amigos</span><br />Amigos</a></li>
            <li><a href="profile.jsp"><span class="meta">Tu perfil</span><br />Perfil</a></li>
            <li><a href="wall.jsp"><span class="meta">Novedades</span><br />Muro</a></li>
        </ul></div><div dir="ltr">
        <input type="text" value="Buscar..." />
        <a href="search.jsp">Busqueda Avanzada</a>
        </div>
        </form>
		
		<div class="hr grid_12 clearfix"></div>
			
		<!-- Caption Line -->
		<h2 class="grid_12 caption clearfix">Bandeja de Entrada</h2>
		
		<div class="hr grid_12 clearfix"></div>
		
		<!-- Column 1 /Content -->
		<div class="grid_8">
			
			<!-- Blog Post -->
			
			<div class="hr clearfix"></div>
			<ul class="message">
			<h4>
				<li><a href="">Bienvenido a PerSel</a></li>
				<li><a href="">Mensaje 1</a></li>
				<li><a href="">Mensaje 2</a></li>
				<li><a href="">Mensaje 3</a></li>
				<li><a href="">Mensaje 4</a></li>
				<li><a href="">Mensaje 5</a></li>
				<li><a href="">Mensaje 6</a></li>
			</h4>	
			</ul>
			
			<!-- Blog Navigation -->
			
		</div>
		
		<!-- Column 2 / Sidebar -->
		<div class="grid_4">
		
			<h4>Menú</h4>
			<ul class="sidebar">
				<li><a href="">Mensajes Recibidos</a></li>
				<li><a href="">Mensajes Enviados</a></li>
				<li><a href="">Nuevo Mensaje</a></li>
			</ul>
			
		</div>
		
		<div class="hr grid_12 clearfix">&nbsp;</div>
		
		<!-- Footer -->
		<p class="grid_12 footer clearfix">
			<span class="float"><b>&copy; Copyright</b> <a href="">Grupo 12</a></span>
			<a class="float right" href="#">Subir</a>
		</p>
		
	</div><!--end wrapper-->

</body>
</html>
